<template>
  <div>
    <h4>具名插槽</h4>
    <base-layout>
      <!-- 旧写法 -->
      <!-- <template slot="header"></template> -->
      <!-- 新写法 -->
      <template v-slot:header>
        <h1>Here might be a page title</h1>
      </template>
      <!-- v-slot:header 可以被重写为 #header -->

      <template v-slot:default>
        <p>A paragraph for the main content.</p>
        <p>And another one.</p>
      </template>

      <template v-slot:footer>
        <p>Here's some contact info</p>
      </template>
    </base-layout>
  </div>
</template>

<script>
import baseLayout from './components/baseLayout';
export default {
  name: 'index1',
  components: {
    baseLayout
  }
};
</script>

<style scoped></style>
